<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base target="mainFrame">
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <script th:src="@{/js/jquery-2.1.4.min.js}"></script>
</head>
<body>
<h1>首页</h1>
<div class="container">
    <div class="row">
        <div class="span8">
            <ul class="nav nav-pills">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="user/reg">注册</a></li>
                <li><a href="user/login">登录</a></li>
                <li><a href="product/1">商品</a></li>
                <li><a href="seckill/seckillList">秒杀</a></li>
                <li><a href="javascript:;" id="seckill">秒杀(缓存页面)</a></li>
                <li><a href="order/orders">我的订单</a></li>
            </ul>
        </div>
    </div>
    <div id="seckill_page" class="panel"></div>
    <div class="panel panel-default">
        <div class="panel-body">
            <!-- 内容主体区域 -->
            <iframe src="" name="mainFrame" style="width: 100%;height: 98%;"></iframe>
        </div>
    </div>
</div>

<script>
    $(function () {
        $("#seckill").click(function () {
            $.get('seckill/seckillListByCache',function (html) {
                $("#seckill_page").html(html);
            })
        });
    })
</script>
</body>
</html>